<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Share Counters and Buttons - Horizontal Wide Widget Demo</title>
<meta name="robots" content="noindex" />
<link rel="shortcut icon" type="image/x-icon" href="http://0.gravatar.com/blavatar/81c3eb4d8e43ffceffee148bd84d4aff" />
<link rel="icon" type="image/x-icon" href="http://0.gravatar.com/blavatar/81c3eb4d8e43ffceffee148bd84d4aff" />
<link rel="icon" type="image/vnd.microsoft.icon" href="http://0.gravatar.com/blavatar/81c3eb4d8e43ffceffee148bd84d4aff" />
<link href="http://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css" />
<link href="http://zscbutton.googlecode.com/svn/trunk/css/demo-page.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="mainwrapper"><!-- mainwrapper -->
<div id="contentwrapper"><!-- contentwrapper -->

<div id="header"><h2 class="headertitle"><a href="http://inimu.com/widget/" rel="canonical">Inimu.com Widget Demo</a></h2></h2></div>

<div class="clearer"></div><div class="horizontalseparator bgfff"></div><div class="horizontalseparator bgfff"></div>

<div id="postwrapper"><!-- postwrapper -->
<div id="post"><!-- post -->
<h1 class="posttitle"><a href="http://inimu.com/widget/zscbutton/" rel="canonical">Share Counters and Buttons</a></h1>
<div id="postcontent" class="postcontent"><!-- postcontent -->

<p><a href="http://inimu.com/widget/zscbutton/">zSCbutton</a> is an all-in-one <a href="http://inimu.com/widget/zscbutton/">share counters</a> / <a href="http://inimu.com/widget/zscbutton/">share buttons</a> widget for blogs/websites. It includes most popular OFFICIAL share buttons including Facebook Like button, Twitter Tweet button, Google Plus One button, and in addition a Lintas Berita button.</p>
<p>This is not a third party button/widget, it only combines OFFICIAL codes from those social networking sites into one good-looking widget.</p>
<p>Go to the <a href="http://inimu.com/widget/zscbutton/">widget homepage</a> for a complete step-by-step guide on how to put this on your blogs or websites and some more information.</p>
<p>The widget is available in three forms/shapes: Horizontal Wide, Horizontal Tall, and Vertical widget. Put one of these codes into your blogs/webpages template/theme:</p>
<p>&nbsp;</p>
<h3>Horizontal Wide</h3>
<pre style="overflow:auto; border:1px solid #ccc; padding:5px 10px; background-color:#f6f6f6;">&lt;!-- zSCbutton Horizontal Wide BEGIN --&gt;
&lt;div id=&quot;zscbhorwdiv&quot; style=&quot;<span style="color:#090;">margin:10px 0; text-align:center;</span>&quot;&gt;
   &lt;div id=&quot;zscbhorwcntr&quot;&gt;&lt;ul id=&quot;zscbhorw&quot; style=&quot;list-style-type:none;&quot;&gt;
      &lt;li id=&quot;zscbhorwfb&quot;&gt;&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;&lt;script src=&quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;&gt;&lt;/script&gt;&lt;fb:like href=&quot;&quot; send=&quot;false&quot; layout=&quot;button_count&quot; width=&quot;90&quot; show_faces=&quot;false&quot; action=&quot;like&quot; font=&quot;&quot;&gt;&lt;/fb:like&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbhorwtw&quot;&gt;&lt;a href=&quot;http://twitter.com/share&quot; class=&quot;twitter-share-button&quot; rel=&quot;nofollow&quot; data-count=&quot;horizontal&quot;&gt;Tweet&lt;/a&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://platform.twitter.com/widgets.js&quot;&gt;&lt;/script&gt;&lt;a id=&quot;zscbhorwc&quot; href=&quot;http://inimu.com/widget/zscbutton/&quot; title=&quot;Share Counters Buttons&quot;&gt;i&lt;/a&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbhorwgg&quot;&gt;&lt;g:plusone size=&quot;medium&quot;&gt;&lt;/g:plusone&gt;&lt;script type=&quot;text/javascript&quot;&gt;(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();&lt;/script&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbhorwlb&quot;&gt;&lt;script type=&quot;text/javascript&quot;&gt;lb_skin = 'mode3';&lt;/script&gt;&lt;script src=&quot;http://www.lintasberita.com/widget_vote/lintasberita.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;/li&gt;
   &lt;/ul&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-hor-wide.js&quot;&gt;&lt;/script&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- zSCbutton Horizontal Wide END --&gt;
</pre>
<p><a href="http://zscbutton.googlecode.com/svn/trunk/zscbutton-hor-wide-demo-00.html" target="_blank" rel="nofollow">Horizontal Wide Demo</a></p>
<!-- zSCbutton Horizontal Wide BEGIN
<div id="zscbhorwdiv" style="margin:10px 0; text-align:center;">
   <div id="zscbhorwcntr"><ul id="zscbhorw" style="list-style-type:none;">
      <li id="zscbhorwfb"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="90" show_faces="false" action="like" font=""></fb:like></li>
      <li id="zscbhorwtw"><a href="http://twitter.com/share" class="twitter-share-button" rel="nofollow" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a id="zscbhorwc" href="http://inimu.com/widget/zscbutton/" title="Share Counters Buttons">i</a></li>
      <li id="zscbhorwgg"><g:plusone size="medium"></g:plusone><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></li>
      <li id="zscbhorwlb"><script type="text/javascript">lb_skin = 'mode3';</script><script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script></li>
   </ul><script type="text/javascript" src="http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-hor-wide.js"></script></div>
</div>
zSCbutton Horizontal Wide END -->
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Horizontal Tall</h3>
<pre style="overflow:auto; border:1px solid #ccc; padding:5px 10px; background-color:#f6f6f6;">&lt;!-- zSCbutton Horizontal Tall BEGIN --&gt;
&lt;div id=&quot;zscbhortdiv&quot; style=&quot;<span style="color:#090;">margin:10px 0; text-align:center;</span>&quot;&gt;
   &lt;div id=&quot;zscbhortcntr&quot;&gt;&lt;ul id=&quot;zscbhort&quot; style=&quot;list-style-type:none;&quot;&gt;
      &lt;li id=&quot;zscbhortfb&quot;&gt;&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;&lt;script src=&quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;&gt;&lt;/script&gt;&lt;fb:like href=&quot;&quot; send=&quot;false&quot; layout=&quot;box_count&quot; show_faces=&quot;false&quot; action=&quot;like&quot; font=&quot;&quot;&gt;&lt;/fb:like&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbhorttw&quot;&gt;&lt;a href=&quot;http://twitter.com/share&quot; class=&quot;twitter-share-button&quot; rel=&quot;nofollow&quot; data-count=&quot;vertical&quot;&gt;Tweet&lt;/a&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://platform.twitter.com/widgets.js&quot;&gt;&lt;/script&gt;&lt;a id=&quot;zscbhortc&quot; href=&quot;http://inimu.com/widget/zscbutton/&quot; title=&quot;Share Counter Buttons&quot;&gt;i&lt;/a&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbhortgg&quot;&gt;&lt;g:plusone size=&quot;tall&quot;&gt;&lt;/g:plusone&gt;&lt;script type=&quot;text/javascript&quot;&gt;(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();&lt;/script&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbhortlb&quot;&gt;&lt;script type=&quot;text/javascript&quot;&gt;lb_skin = 'mode2';&lt;/script&gt;&lt;script src=&quot;http://www.lintasberita.com/widget_vote/lintasberita.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;/li&gt;
   &lt;/ul&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-hor-tall.js&quot;&gt;&lt;/script&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- zSCbutton Horizontal Tall END --&gt;
</pre>
<p><a href="http://zscbutton.googlecode.com/svn/trunk/zscbutton-hor-tall-demo-00.html" target="_blank" rel="nofollow">Horizontal Tall Demo</a></p>
<!-- zSCbutton Horizontal Tall BEGIN
<div id="zscbhortdiv" style="margin:10px 0; text-align:center;">
   <div id="zscbhortcntr"><ul id="zscbhort" style="list-style-type:none;">
      <li id="zscbhortfb"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" action="like" font=""></fb:like></li>
      <li id="zscbhorttw"><a href="http://twitter.com/share" class="twitter-share-button" rel="nofollow" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a id="zscbhortc" href="http://inimu.com/widget/zscbutton/" title="Share Counter Buttons">i</a></li>
      <li id="zscbhortgg"><g:plusone size="tall"></g:plusone><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></li>
      <li id="zscbhortlb"><script type="text/javascript">lb_skin = 'mode2';</script><script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script></li>
   </ul><script type="text/javascript" src="http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-hor-tall.js"></script></div>
</div>
zSCbutton Horizontal Tall END -->
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Vertical</h3>
<pre style="overflow:auto; border:1px solid #ccc; padding:5px 10px; background-color:#f6f6f6;">&lt;!-- zSCbutton Vertical BEGIN --&gt;
&lt;div id=&quot;zscbverdiv&quot; style=&quot;<span style="color:#090;">float:right;</span>&quot;&gt;
   &lt;div id=&quot;zscbvercntr&quot;&gt;&lt;ul id=&quot;zscbver&quot; style=&quot;list-style-type:none;&quot;&gt;
      &lt;li id=&quot;zscbverfb&quot;&gt;&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;&lt;script src=&quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;&gt;&lt;/script&gt;&lt;fb:like href=&quot;&quot; send=&quot;false&quot; layout=&quot;box_count&quot; show_faces=&quot;false&quot; action=&quot;like&quot; font=&quot;&quot;&gt;&lt;/fb:like&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbvertw&quot;&gt;&lt;a href=&quot;http://twitter.com/share&quot; class=&quot;twitter-share-button&quot; rel=&quot;nofollow&quot; data-count=&quot;vertical&quot;&gt;Tweet&lt;/a&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://platform.twitter.com/widgets.js&quot;&gt;&lt;/script&gt;&lt;a id=&quot;zscbverc&quot; href=&quot;http://inimu.com/widget/zscbutton/&quot; title=&quot;Share Counter Buttons&quot;&gt;i&lt;/a&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbvergg&quot;&gt;&lt;g:plusone size=&quot;tall&quot;&gt;&lt;/g:plusone&gt;&lt;script type=&quot;text/javascript&quot;&gt;(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();&lt;/script&gt;&lt;/li&gt;
      &lt;li id=&quot;zscbverlb&quot;&gt;&lt;script type=&quot;text/javascript&quot;&gt;lb_skin = 'mode2';&lt;/script&gt;&lt;script src=&quot;http://www.lintasberita.com/widget_vote/lintasberita.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;/li&gt;
   &lt;/ul&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-ver.js&quot;&gt;&lt;/script&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- zSCbutton Vertical END --&gt;
</pre>
<p><a href="http://zscbutton.googlecode.com/svn/trunk/zscbutton-ver-demo-00.html" target="_blank" rel="nofollow">Vertical Demo</a></p>
<!-- zSCbutton Vertical BEGIN
<div id="zscbverdiv" style="float:right;">
   <div id="zscbvercntr"><ul id="zscbver" style="list-style-type:none;">
      <li id="zscbverfb"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" action="like" font=""></fb:like></li>
      <li id="zscbvertw"><a href="http://twitter.com/share" class="twitter-share-button" rel="nofollow" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a id="zscbverc" href="http://inimu.com/widget/zscbutton/" title="Share Counter Buttons">i</a></li>
      <li id="zscbvergg"><g:plusone size="tall"></g:plusone><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></li>
      <li id="zscbverlb"><script type="text/javascript">lb_skin = 'mode2';</script><script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script></li>
   </ul><script type="text/javascript" src="http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-ver.js"></script></div>
</div>
zSCbutton Vertical END -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>You want more <em>lorem ipsum</em>? You got it. :)</p>
<blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote>
<p>Thank you.</p>
<p>.</p>

</div><!-- postcontent -->
</div><!-- post -->
</div><!-- postwrapper -->

<div id="sidebar"><!-- sidebar -->
<div id="sidebar-widget1" class="widget">
<h3 class="widgettitle">A Filler Widget</h3>
<div class="widgetcontent">
<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em>
</div>
</div>
<div id="sidebar-widget2" class="widget">
<h3 class="widgettitle">I Put Share Widget Here</h3>
<div class="widgetcontent">

<!-- zSCbutton Vertical BEGIN -->
<div id="zscbverdiv" style="width:73px; margin:0 auto;">
   <div id="zscbvercntr"><ul id="zscbver" style="list-style-type:none;">
      <li id="zscbverfb"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" action="like" font=""></fb:like></li>
      <li id="zscbvertw"><a href="http://twitter.com/share" class="twitter-share-button" rel="nofollow" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a id="zscbverc" href="http://inimu.com/widget/zscbutton/" title="Share Counter Buttons">i</a></li>
      <li id="zscbvergg"><g:plusone size="tall"></g:plusone><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></li>
      <li id="zscbverlb"><script type="text/javascript">lb_skin = 'mode2';</script><script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script></li>
   </ul><script type="text/javascript" src="http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-ver.js"></script></div>
</div>
<!-- zSCbutton Vertical END -->

</div>
</div>
</div><!-- sidebar -->

<div class="clearer"></div><div class="horizontalseparator bgfff"></div><div class="horizontalseparator bgfff"></div>

<div id="footer"><!-- footer -->
<div id="footerwidget1" class="widget footerwidget"></div>
<div id="footerwidget2" class="widget footerwidget"></div>
<div id="footerwidget3" class="widget footerwidget"></div>
<div class="clearer"></div>
<div id="cred"><a href="http://inimu.com/widget/">Widget</a> Demo Page by <a href="http://inimu.com/">inimu.com</a></div>
</div><!-- footer -->

</div><!-- contentwrapper -->
</div><!-- mainwrapper -->

</body>

</html>